<template>
    <div id="orderListItem">
        <img src="https://b.yzcdn.cn/vant/icon-demo-1126.png" class="img"/>
        <div class="content">
            <div class="title">调换电表空气开关</div>
            <div>机场a区 2号楼 1205室</div>
            <div>2019-09-01 18：23</div>
        </div>
        <div class="rightContent">
            <div class="rightTitle">11</div>
        </div>

    </div>
</template>

<script>
    export default {
        name: "OrderListItem"
    }
</script>

<style scoped>
#orderListItem{
    position: relative;
    height: 5rem;
}
    .img{
        display: inline-block;

        height: 3rem;
        width: 3rem;
        margin-left: 1rem;
        margin-top: 1rem;
    }
    .content{
        display: inline-block;
        background-color: yellow;

    }
    .rightContent{
        width: 5rem;
        height: 5rem;
        display: inline-block;
        /*background-color: red;*/
        vertical-align: bottom;
    }
    .title{
        display: inline-block;
        left: 1rem;
        height: 1rem;

    }
    .rightTitle{
        margin-top: 2rem;
        height: 1rem;
        text-align: right;
        /*background-color: blue;*/
    }
</style>